<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="../common/css/common.css">
  <link rel="stylesheet" href="css/index.css">
  <script src="../common/js/jquery/jquery-3.5.1.min.js"></script>
  <script src="../common/js/adaptive.js"></script>
  <title>兵员信息平台</title>
</head>
<body>
<div class="screen-title">
  <span>兵员信息平台</span>
</div>
<div class="screen-data">
  <div class="middle">
    <div class="nature-chart">
      <h5 class="l-font nature-title">工作性质</h5>
      <div id="natureChart" style="height: 45vh;"></div>
      <div class="pie-chart1">
        <div class="marriage-chart">
          <div id="marriageChart" style="height: 85%;"></div>
          <h5 class="s-font center-text thead-color">婚姻状况</h5>
        </div>
        <div class="political-chart">
          <div id="politicalChart" style="height: 85%;"></div>
          <h5 class="s-font center-text thead-color">政治面貌</h5>
        </div>
      </div>
      <div class="pie-chart2">
        <div class="blood-chart">
          <div id="bloodChart" style="height: 85%;"></div>
          <h5 class="s-font center-text thead-color">血型</h5>
        </div>
        <div class="residence-chart">
          <div id="residenceChart" style="height: 85%;"></div>
          <h5 class="s-font center-text thead-color">户口</h5>
        </div>
      </div>
    </div>
    <div class="chart grade-chart">
      <h5 class="l-font chart-title grade-title">军衔等级</h5>
      <div id="gradeChart" style="height: 220px;"></div>
    </div>
  </div>
  <div class="left">
    <div class="chart edu-chart">
      <h5 class="l-font chart-title edu-title">文化程度</h5>
      <div id="eduChart" style="height: 300px;"></div>
    </div>
    <div class="chart home-chart">
      <h5 class="l-font chart-title home-title">来源地区</h5>
      <div id="homeChart" style="height: 300px;"></div>
    </div>
  </div>
  <div class="right">
    <div class="chart post-chart">
      <h5 class="l-font chart-title post-title">职务</h5>
      <div id="postChart" style="height: 215px;"></div>
    </div>
    <div class="chart score-chart">
      <h5 class="l-font chart-title score-title">考评情况</h5>
      <div id="scoreChart" style="height: 215px;"></div>
    </div>
    <div class="chart profession-chart">
      <h5 class="l-font chart-title profession-title">专业</h5>
      <div id="professionChart" style="height: 215px;"></div>
    </div>
  </div>
</div>
<script src="../common/js/echarts/4.2.1/echarts.js"></script>
<script src="http://cdn.highcharts.com.cn/highcharts/highcharts.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/highcharts-3d.js"></script>
<script src="js/index.js"></script>
</body>
</html>